@color1:#f26b11;
.header{
    height: 0.88rem;
    display: flex;
    justify-content: space-between;
    background-color: @color1;
    line-height: 0.88rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    .left{
        margin-left: 0.07rem;
        a{
            display: inline-block;
            width: 0.17rem;
            height: 0.29rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    .center{
        h2{
            color: #fff;
            font-size: 0.34rem;
        }
    }
    .right{
        span{
            display: inline-block;
            width: 0.12rem;
            height: 0.12rem;
            border-radius: 50%;
            background-color: #fff;
            margin-right: 0.12rem;
        }
    }
}

html,body{
    height: 100%;
}
.main{
    width: 100%;
    height: calc(100% - 0.88rem);
    background-color:#d9d9d9;
    border-top: 0.02rem solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    .m-left{
        width: 1.63rem;
        height: 100%;
        background-color: #fff;
        overflow: auto;
        ul{
            li{
                // line-height: 1.2rem;
                text-align: center;
                a{
                    font-size: 0.26rem;
                    display: inline-block;
                    width: 1.47rem;
                    height: 0.58rem;
                    line-height: 0.58rem;
                    margin-top: 0.4rem;
                }
                &:first-child{
                    
                    a{
                        border-left: 0.08rem solid @color1;
                        color: @color1;
                    }
                }
                &:hover{
                    
                    a{
                        border-left: 0.08rem solid @color1;
                        color: @color1;
                    }
                }
            }
        }
    }
    .m-right{
        width: 5.86rem;
        background-color: #fff;
        height: 100%;
        overflow: auto;
        .nav{
            width: 5.86rem;
            height: 1.2rem;
            display: flex;
            justify-content: space-between;
            font-size: 0.26rem;
            text-align: center;
            line-height: 1.2rem;
            .nav-left{
                width: 1.85rem;
            }
            .nav-right{
                width: 1.5rem;
                a{
                    img{
                        width: 0.19rem;
                        height: 0.26rem;
                        margin-left: 0.05rem;
                        vertical-align: -0.02rem;
                    }
                }
            }
        }

        .m-list{
            ul{
                width: 5.86rem;
                height: 4.4rem;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-content: space-between;
                li{
                    width: 1.95rem;
                    height: 2.2rem;
                    text-align: center;
                    font-size: 0.23rem;
                    a{
                        display: inline-block;
                        width: 1.54rem;
                        height: 1.52rem;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                    p{
                        margin-top: 0.2rem;
                    }
                }
            }
        }
        .m-list2{
            ul{
                width: 5.86rem;
                height: 4.4rem;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-content: space-between;
                li{
                    width: 1.95rem;
                    height: 2.2rem;
                    text-align: center;
                    font-size: 0.23rem;
                    a{
                        display: inline-block;
                        width: 0.82rem;
                        height: 1.33rem;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                    p{
                        margin-top: 0.2rem;
                    }
                }
            }
        }
    }
}